/* 
    Document   : style
    Created on : 21 oct. 2013, 17:00:00
    Author     : Gmax
    Description:
        PWE admin style
*/

html{
    font-size: 12px;
    font-family: Gill, Helvetica, sans-serif;
    color: #636363;
}
header{
    display: block;
    margin: 0 0 12px 0;
    padding: 12px 0;
}
footer{
    display: block;
    width: 100%;
    margin: 12px 0 0 0;
    padding: 12px 0;
}
header,footer{
    color: #FFFFFF;
    background-color: #333333;
    z-index: 30;
}
html,body,div,p,h1,h2,h3,h4,h5,h6,img{
    margin: 0;
    padding: 0;
    border: none;
}
.left{
    display: block;
    float: left;
}
.right{
    display: block;
    float: right;
}
.center{
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.clearfix{
    clear: both;
    height: 0px;
}
.text-center{
    text-align: center;
}

/* interface */

/* fluid skeleton */

/**/.container{
    margin: 0;
    width: 100%;
}

.container .columns                         { margin-left: 1%; margin-right: 1%; }

.container .one.column,
.container .one.columns                     { width: 4%;  }
.container .two.columns                     { width: 10%; }
.container .three.columns                   { width: 16%; }
.container .four.columns                    { width: 22%; }
.container .five.columns                    { width: 29%; }
.container .six.columns                     { width: 35%; }
.container .seven.columns                   { width: 41%; }
.container .eight.columns                   { width: 47%; }
.container .nine.columns                    { width: 54%; }
.container .ten.columns                     { width: 60%; }
.container .eleven.columns                  { width: 66%; }
.container .twelve.columns                  { width: 72%; }
.container .thirteen.columns                { width: 79%; }
.container .fourteen.columns                { width: 85%; }
.container .fifteen.columns                 { width: 91%; }
.container .sixteen.columns                 { width: 97%; }

.container .one-third.column                { width: 31%; }
.container .two-thirds.column               { width: 64%; }
/**/
.desable{
    color: #c9c9c9;
    font-style: italic; 
}

.pwe-ui-icon{
    display: inline-block;
}

.ui-menu .ui-menu{
    width: 150px;
}

/* contents */
#side-menu{
    position: relative;
    z-index: 99;
}

.table_form{
    width: 100%;
    border: 1px solid #c9c9c9;
    border-collapse: collapse;
}
.table_form th{
    background-color: #c9c9c9;
    color: #FFFFFF;
}
.table_form td,
.table_form th{
    text-align: left;
    padding: 4px;
}
.table_form td{
    border: 1px solid #c9c9c9;
    
}

#accueil h2{
    margin-top: 15px;
}

input.titreModele{
    width:95%;
    font-size:1.8em;
}
textarea.titreModele{
    width:95%;
    font-size:1.8em;
    height: 80px;
}
textarea{
    width: 100%;
    height: 180px;
}
table.liste,
table.liste tr{
    border: #636363 thin solid;
    border-collapse: collapse;
}
table tr.toolate{
    background-color: #ffcaca;
}
table.liste td,
table.liste th{
    padding: 10px;
}
table.liste tr td:first-child span{
    font-weight: bold;
    font-size: 1.2em;
}
table.liste tr.sous-rubrique td:first-child{
    padding-left: 15px;
}
table.liste tr.sous-rubrique td{
    font-size: 0.8em;
    background-color: #ece1d7;
}
table.liste tr.sous-sous-rubrique td:first-child{
    padding-left: 30px;
}
table.liste tr.sous-sous-rubrique td{
    font-size: 0.8em;
    background-color: #f5e0cb;
}
ul.selectableListe{
    padding: 0 0 0 5px;
}
ul.selectableListe li{
    cursor: pointer;
    padding: 2px 0;
    margin: 0 0 0 5px;
}
ul.selectableListe li:hover{
    color: #0055ff;
}
ul.selectableListe li img{
    vertical-align: middle;
}
/**/
.identifiantMenu{
    font-size: 1.2em;
    width: 250px;
}
.liste-items-menu{
    list-style: none;
    margin: 5px 0;
    padding-left: 0;
}
.liste-items-menu li{
    padding: 10px;
    margin: 5px 0;
}

/* btn */
.container-btn-tool{
    display: inline-block;
    padding: 2px 0;
    margin: -6px 4px;
    cursor: pointer;
}
.container-btn-tool span{
    display: block;
    float: left;
    margin: 0 2px;
}

/* login */
#login form{
    padding: 10px 5px 5px 5px;
}
#login form label{
    display: inline-block;
    width: 100px;
    font-weight: bold;
}
#login form input{
    padding: 2px;
    display: inline-block;
    width: 150px;
}
#login form input#submitBtn{
    display: block;
    width: 90px;
    margin: 15px auto 0 auto;
    padding: 6px 12px;
}

/**/
.cadre_form{
    padding: 12px;
    margin: 12px 10px;
    border: 1px solid #eaeaea;
}

/* tag */
#liste_tag{
    list-style: none;
    padding: 0;
    margin: 0;
}

/* langues */
.langue{
    margin: -5px 0 12px 0;
}
.langue span{
    display: inline-block;
    overflow: hidden;
    height: 12px;
    width: 18px;
    padding: 0;
    margin: 0 5px 0 0;
    cursor: pointer;
    -moz-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
}
.langue .fr{
    background: transparent url(gfx/fr.jpg) no-repeat top left;
}
.langue .en{
    background: transparent url(gfx/en.jpg) no-repeat top left;
}
.langue .de{
    background: transparent url(gfx/de.jpg) no-repeat top left;
}
.langue .es{
    background: transparent url(gfx/es.jpg) no-repeat top left;
}

/* medias */
.media_modele{
    max-height: 130px;
    max-width: 100%;
}

/* Ajax */
#ajax_loader{
    position: absolute;
    width: 100%;
    color: #FFFFFF;
    font-size: 2em;
    padding: 30px 0;
    top : -150px;
    text-align: center;
    z-index: 9999;
    background-color: rgba(50,50,50,0.7);
    
    -webkit-transition-property: top;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;

    -moz-transition-property: top;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease-out;

    transition-property: top;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
}